<template>
  <div class="left_menu">
    <a-menu
        breakpoint="xl"
    >
      <a-sub-menu key="0">
        <template #icon>
          <icon-apps></icon-apps>
        </template>
        <template #title>用户管理</template>
        <a-menu-item key="0_0" @click="this.$router.push({path: '/department'})">部门信息管理</a-menu-item>
        <a-menu-item key="0_1" @click="this.$router.push({path: '/user'})">用户信息管理</a-menu-item>
      </a-sub-menu>
      <a-sub-menu key="1">
        <template #icon>
          <icon-bug></icon-bug>
        </template>
        <template #title>车辆管理</template>
        <a-menu-item key="1_0" @click="this.$router.push({path: '/car'})">车辆管理</a-menu-item>
        <a-menu-item key="1_4" @click="this.$router.push({path: '/carRecord'})">车辆记录管理</a-menu-item>
        <a-menu-item key="1_1" @click="this.$router.push({path: '/driver'})">驾驶员管理</a-menu-item>
        <a-menu-item key="1_2" @click="this.$router.push({path: '/carRequest'})">审批用车申请</a-menu-item>
        <a-menu-item key="1_3" @click="this.$router.push({path: '/historyCarRequest'})">历史用车记录</a-menu-item>
      </a-sub-menu>
      <a-sub-menu key="2">
        <template #icon>
          <icon-bulb></icon-bulb>
        </template>
        <template #title>行程管理</template>
        <a-menu-item key="2_0" @click="this.$router.push({path: '/tripManage'})">行程管理</a-menu-item>
      </a-sub-menu>
      <a-sub-menu key="3">
        <template #icon>
          <icon-bulb></icon-bulb>
        </template>
        <template #title>评价与反馈管理</template>
        <a-menu-item key="3_0" @click="this.$router.push({path: '/rating'})">用户评价管理</a-menu-item>
      </a-sub-menu>
    </a-menu>
  </div>
</template>
<script setup>
import {IconBulb, IconBug, IconApps} from "@arco-design/web-vue/es/icon";
</script>
<style>
.left_menu{
  height: 100%;
}
</style>